<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">

    <body>
        <ui:composition template="./EmpresaTemplate.xhtml">
            <ui:define name="top"></ui:define>
            <ui:define name="left"></ui:define>

            <ui:define name="content">        

                <h:form id="formacam">
                    <p:panel header="Acciones de edición de Vacantes." > 
                        <h:panelGrid columns="1" > 

                            <p:commandButton  action ="#{empresaActionListener.actualizaListaVacantes}" value="Actualizar mi lista de Vacantes" ajax="false"/>
                        </h:panelGrid>                    
                    </p:panel>
                </h:form>

                <br></br>
                <p:messages id="msgs" showDetail="true" /> 

                <br></br><br></br>
                <h1>Mis vacantes registradas</h1>
                <h:form id="form2">
                    <p:panel id="panelVacantes">
                        <p:dataTable value="#{empresaActionListener.vacantes}" var="vacan" 
                                     selection="#{empresaActionListener.vacanteSeleccionada}"
                                     selectionMode="single"
                                     paginator="true" rows="1" >

                            <p:messages id="msgs" showDetail="true" /> <br></br> 

                            <p:column>                               


                                <p:commandButton id="vervac" value=" Ver Postulantes "  
                                                 action="#{empresaActionListener.verPostulantes}"                                                    
                                                 update="form2" process="@this" ajax="false"/>  

                                <h:outputText value="#{vacan.htmlDescripcion}" escape="false" />   <br></br>


                                <br></br>

                                <h:outputText value="Lugar de Trabajo centrado en el mapa." escape="false" />   <br></br>


                                <f:view contentType="text/html">


                                    <br></br>

                                    <p:gmap center="#{vacan.latitud}, #{vacan.longitud}" zoom="15" 
                                            type="ROADMAP" style="width:600px;height:400px"  widgetVar="map"
                                            mapTypeControl="true" navigationControl="true" 
                                            streetView="false" onPointClick="handlePointClick(event);"
                                            model="#{vacan.emptyModel}" 
                                            overlaySelectListener="#{vacan.emptyModel}"
                                            >
                                    </p:gmap>


                                </f:view>

                                <br></br>
                                <p:commandButton value="Eliminar Registro" action="#{empresaActionListener.eliminarVacante}" update="form2" process="@this" ajax="false">
                                    <p:collector value="#{vacan}"
                                                 removeFrom="#{empresaActionListener.vacantes}"/>
                                </p:commandButton> 
                            </p:column>

                        </p:dataTable>

                        <p:messages id="msgs" showDetail="true" /> <br></br> 

                    </p:panel>

                </h:form>
            </ui:define>

            <ui:define name="bottom"></ui:define>
        </ui:composition>

    </body>
</html>
